
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="${root}images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="${root}images/apple-touch-icon.png">
    <title>报名成功</title>
    <link rel="stylesheet" href="${root}css/seedsui.min.css">
    <style type="text/css">
    #group{
    background-color: transparent;
    }
    #group:after{
    height: 0px;
    }
    #group:before{
    height: 0px;
    }
    </style>
</head>

<body ontouchstart="">
<header>
        <div class="titlebar reverse">
        	<a class="titlebar-button" href="javascript:back()">
                <i class="icon icon-arrowleft"></i>
            </a>
            <h1 class="titlebar-title text-center">支付订单</h1>
            <a class="titlebar-button" href="javascript:;">
                <i class="icon "></i>
            </a>
        </div>
    </header>
<article>

            <div class="group">
            <div class="caption underline">
                <span class="peg"></span>
                <p class="caption-title">订单详情</p>
            </div>
            <ul class="list">
                <li class="list-li underline">
                    <div class="list-thumbnail">
                        <img  data-load-src="" src="${www}${obj.img!}" data-error-src="images/list-default.png">
                    </div>
                    <div class="list-container">
                        <div class="list-title list-font" style="color: black;">
                            ${obj.title!}
                        </div>
                        <div class="list-row">
                            <p class="list-font">单号:${obj.orderno!}</p>
                        </div>
                        <div class="list-row">
                            <p class="list-font" style="color: red;">
                               	￥${obj.price}
                            </p>
                        </div>
                        
                    </div>
                </li>
            </ul>
            </div>
            <div class="group">
            <ul class="list">
                <li class="list-li underline" onclick="alert('请联系下边电话!');">
                    <div class="list-thumbnail">
                        <img style="width: 62px;" data-load-src="" src="${root}img/pay/visa.png" data-error-src="images/list-default.png">
                    </div>
                    <div class="list-container">
                        <div class="list-title">
                            	银行卡转账
                        </div>
                        <div class="list-row">
                            <i class="list-icon icon-tel color-primary"></i>
                            <p class="list-font">
                               	咨询电话:010-82865508
                            </p>
                        </div>
                    </div>
                    <i class="list-icon icon-arrowright"></i>
                </li>
            </ul>
            </div>
            <div class="group">
            <ul class="list" >
                <li class="list-li underline" onclick="location.href='${root}pay/wx_pay?id=${obj.id!}'">
                    <div class="list-thumbnail">
                        <img data-load-src="" src="${root}img/pay/wx.png" data-error-src="images/list-default.png">
                    </div>
                    <div class="list-container">
                        <p>微信支付</p>
                    </div>
                    <i class="list-icon icon-arrowright"></i>
                </li>
                <li class="list-li underline" onclick="location.href='${root}pay/alipay_pay?id=${obj.id!}'">
                    <div class="list-thumbnail" style="background-color: white;">
                        <img src="${root}img/pay/alipay.png" data-error-src="images/list-default.png">
                    </div>
                    <div class="list-container">
                        <p>支付宝支付</p>
                    </div>
                    <i class="list-icon icon-arrowright"></i>
                </li>
            </ul>
            </div>
            <div class="group" id="group">
            <a class="button block cancel" style="margin:8px;border-radius: 4px;">
                    <span>确认支付￥${obj.price!}</span>
                </a>
            </div>
</article>
	<script src="${root}js/jquery-2.1.3.js"></script>
    <script>
    function back(){history.go(-1);}
	</script>
</body>
</html>
